<template>
  <div class="detail">
    <div class="detail_price">
     ￥ {{ price }}
    </div>
    <div class="detail_title">
        {{ title }}
    </div>
    
    {{ desc }}
    <br><br><br><br><br><br><br><br>
    <br>
  </div>
</template>

<script>
import { getList } from "../../apis/detail";
export default {
  name: "Main",

  data() {
    return {
      price: 0,
      title: "",
      desc: "",
    };
  },

  mounted() {},

  methods: {},
  created() {
    getList(this.$route.params.proid).then((data) => {
      // console.log(data.data.data);
        console.log()
      this.price = (data.data.data.originprice).toFixed(2) ;
      this.title =data.data.data.proname;
      this.desc = data.data.data.desc;
    });
  },
};
</script>

<style  scoped>
.detail_price{
    color: #fff;
    font-size: .3rem;
    height: .5rem;
    background: url("https://img13.360buyimg.com/ling/jfs/t1/145899/17/23491/13222/61b2b558Ec8d31003/2484dc01d67d8c27.jpg");
    background-size: cover;
}
.detail_title{
    /* height: .8rem; */
    background-color: #fff;
    font-weight: bolder;
    font-size: .18rem;
    padding: .1rem;
    border-radius:0 0 .2rem .1rem;
}
</style>